<template>
  <div>
    <div
      ref="scrollContainer"
      class="-mt-46 h-[calc(100vh-0px)] custom-navbar-wrapper-f5f5f5 pt-46 flex flex-col overflow-y-auto px-15"
    >
      <div class="px-15 mt-10 rounded-10 bg-white">
        <div class="flex items-center justify-between py-15 text-15 leading-21">
          <div>绑定手机号</div>
          <div>{{ encryPhoneNumber(userStore.mobile) }}</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { useUserStore } from "@/store/modules/userStore";
import { encryPhoneNumber } from "@/utils";

defineOptions({
  name: "Setting"
});
// 用户 store
const userStore = useUserStore();
</script>

<style scoped lang="less"></style>
